@import '../../../core/index.less';

.empty-wrapper {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: @white;
    padding: 0 20/@remScale;
    margin: 100/@remScale 0;
    //box-shadow:0 2/@remScale 10/@remScale 0 rgba(0,0,0,0.05);
    .icon-empty-wrapper {
        .icon {
            width: 250/@remScale;
            height: 260/@remScale;
        }
    }
    .txt {
        color: @black-auxiliary;
        font-size: 14/@remScale;
        margin: 20/@remScale 0 30/@remScale 0;
    }

    .create-ex {
        min-width: 120/@remScale;
        padding: 0 24/@remScale;
        width: auto;
        height: 38/@remScale;
        border-radius: 4/@remScale;
        background: @light-blue-color;
        .btnLightenHover(@light-blue-color);
        @media (max-width: @max1) {
            display: none;
        }
        &.alway {
            @media (max-width: @max1) {
                display: block;
            }
        }
    }

}